上次我們說了顏色今天來講講邊距，也就是margin，它可以調整網頁的各邊距離，來達到各種的效果，以下是範例:
1.將元素的所有邊距設置為相同的值:
div {
margin: 20px;
}
2. 分別設置上、右、下、左邊距:
div {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}
3. 設置水平和垂直邊距（上/下邊距相同，左/右邊距相同）:
div {
margin: 10px 20px;
}
4. 設置垂直邊距和水平邊距（上、下、左、右均不同）
div {
margin: 10px 20px 30px 40px;
}
再來是padding，基本使用方法跟上面一樣，將margin改成padding即可，他們是是CSS中用於控制元素周圍空間的兩個不同的概念，邊距用於控制元素之間的外部間距，而內邊距用於控制元素內部內容與元素邊緣之間的距離，以下是範例:

打開瀏覽器後所呈現的效果:

可以透過背景來看出兩者的差別，兩者都是在設計網頁佈局時重要的工具，能夠幫助我們來實現所需要的外觀以及間距效果。